<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>个人主页</title>
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/checkplat.js"></script>
    <link href="css/person.css" rel="stylesheet">
    <link href="css/ico.css" rel="stylesheet">
    <link href="css/base.css" rel="stylesheet">
    <link href="css/header.css" rel="stylesheet">
</head>
<body>
    <div class="header">
        <div class="content">
            <div class="logo">
                <a href="index.html">
                    <img src="images/logo.png" title="LOGO">
                </a>
            </div>
            <ul class="top">
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li>
                    <span>课程</span>
                    <ul class="sort-list">
                        <li></li>
                    </ul>
                </li>
            </ul>
            <div class="login-panel">
                <div class="logpre inactive">
                    <ul>
                        <li class="login-model">
                            <a href="#" class="login-btn" onclick="$('.login-mask').show();return false;">登录</a>
                        </li>
                        <li>
                            <a href="#" class="register">注册</a>
                        </li>
                        <li>
                            <a href="#" title="帮助" target="_blank">帮助</a>
                        </li>
                    </ul>
                </div>
                <div class="logafter ">
                    <ul>
                        <li>
                            <a href="person-page.html" class="username">张三</a>
                        </li>
                        <li>
                            <a href="#">消息(<span class="messagenum">5</span>)</a>
                        </li>
                        <li>
                            <a href="#" class="logout">注销</a>
                        </li>
                        <li>
                            <a href="#" title="帮助" target="_blank">帮助</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="search-panel">
                <input autocomplete="off" class="search-input" onfocus="if(this.value=='请输入搜索内容'){this.value=''}" onblur="if(this.value==''){this.value='请输入搜索内容'}" value="请输入搜索内容" type="text" />
                <span class="ico ico-search-ico" onclick="search_click_handler();"></span>
                <script type="text/javascript">
                    function search_click_handler(){
                        var $s_input = $(".search-input");
                        if($s_input.val() == '请输入搜索内容'){
                            if($s_input.css("width") == "0px"){
                                $s_input.animate({
                                    "width": "150px"
                                },500);
                            } else{
                                $s_input.animate({
                                    "width": "0px"
                                },500);
                            }
                        } else{
                            window.location.href="search.html";
                        }
                    }
                </script>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="main-top" >
            <div class="top-container">
                <div class="top-left" >
                    <h1>张三</h1>
                </div>
                <div class="top-right">
                    <ul>
                        <li>
                            <h5>2小时15分钟</h5>
                            <span>学习时长</span>
                        </li>
                        <li>
                            <h5>74分</h5>
                            <span>分数</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="main-top-cover">
            </div>
        </div>
        <div class="main-content">
            <div class="side-list">
            <div class="head" >
                <img src="images/head.png"/>
            </div>
            <div class="list" >
                <ul >
                    <li><a href="#">个人设置</a></li>
                    <li><a href="#">我的课程</a></li>
                    <li><a href="#">我的作业</a></li>
                </ul>
            </div>
        </div>
            <div class="course-content inactive">
                <div class="content">
                    <div class="content-top">
                        <ul>
                            <li class="current"><a href="#">最近学习</a></li>
                            <li><a href="#">我的班级</a></li>
                            <li><a href="#">我的关注</a></li>
                        </ul>
                    </div>
                    <div class="content-list">
                        <div class="recent-course none">
                            <ul class="list">
                                <li class="course-one">
                            <span class="course-date">
                                <span class="first-dot"></span>
                                <b style="color: #FF0000">2016年</b>
                                <em style="color: #FF0000">3月15日</em>
                            </span>
                                    <div class="course-ifo">
                                        <a href="play.html">
                                            <div class="thumbnail"><img src="images/1.jpg" alt="缩略图"/></div>
                                        </a>
                                        <div class="caption">
                                            <h3>电商培训入门之如何使用平台</h3>
                                            <span class="percent">60%</span>
                                            <span class="studyed"></span>
                                            <span class="study-all"></span>
                                            <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                        </div>
                                        <div class="study-btn">
                                            <a href="javascript:void(0);"><span>继续学习</span></a>
                                        </div>
                                    </div>
                                </li>
                                <li class="course-one">
                            <span class="course-date">
                                <span class="dot"></span>
                                <b >2016年</b>
                                <em >3月15日</em>
                            </span>
                                    <div class="course-ifo">
                                        <a href="play.html">
                                            <div class="thumbnail"><img src="images/1-1.jpg" alt="缩略图"/></div>
                                        </a>
                                        <div class="caption">
                                            <h3>电商培训入门之如何使用平台</h3>
                                            <span class="percent">60%</span>
                                            <span class="studyed"></span>
                                            <span class="study-all"></span>
                                            <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                        </div>
                                        <div class="study-btn">
                                            <a href="javascript:void(0);"><span>继续学习</span></a>
                                        </div>
                                    </div>
                                </li>
                                <li class="course-one">
                            <span class="course-date">
                                <span class="dot"></span>
                                <b >2016年</b>
                                <em >3月15日</em>
                            </span>
                                    <div class="course-ifo">
                                        <a href="play.html">
                                            <div class="thumbnail"><img src="images/1-2.jpg" alt="缩略图"/></div>
                                        </a>
                                        <div class="caption">
                                            <h3>电商培训入门之如何使用平台</h3>
                                            <span class="percent">60%</span>
                                            <span class="studyed"></span>
                                            <span class="study-all"></span>
                                            <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                        </div>
                                        <div class="study-btn">
                                            <a href="javascript:void(0);"><span>继续学习</span></a>
                                        </div>
                                    </div>
                                </li>
                                <li class="course-one">
                            <span class="course-date">
                                <span class="dot"></span>
                                <b >2016年</b>
                                <em >3月15日</em>
                            </span>
                                    <div class="course-ifo">
                                        <a href="play.html">
                                            <div class="thumbnail"><img src="images/1-3.jpg" alt="缩略图"/></div>
                                        </a>
                                        <div class="caption">
                                            <h3>电商培训入门之如何使用平台</h3>
                                            <span class="percent">60%</span>
                                            <span class="studyed"></span>
                                            <span class="study-all"></span>
                                            <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                        </div>
                                        <div class="study-btn">
                                            <a href="javascript:void(0);"><span>继续学习</span></a>
                                        </div>
                                    </div>
                                </li>
                                <li class="course-one">
                                    <span class="course-date">
                                        <span class="dot"></span>
                                        <b >2016年</b>
                                        <em >3月15日</em>
                                    </span>
                                    <div class="course-ifo">
                                        <a href="play.html">
                                            <div class="thumbnail"><img src="images/1-5.jpg" alt="缩略图"/></div>
                                        </a>
                                        <div class="caption">
                                            <h3>电商培训入门之如何使用平台</h3>
                                            <span class="percent">60%</span>
                                            <span class="studyed"></span>
                                            <span class="study-all"></span>
                                            <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                        </div>
                                        <div class="study-btn">
                                            <a href="javascript:void(0);"><span>继续学习</span></a>
                                        </div>
                                    </div>
                                </li>
                                <li class="course-one">
                            <span class="course-date">
                                <span class="dot"></span>
                                <b >2016年</b>
                                <em >3月15日</em>
                            </span>
                                    <div class="course-ifo">
                                        <a href="play.html">
                                            <div class="thumbnail"><img src="images/1-6.jpg" alt="缩略图"/></div>
                                        </a>
                                        <div class="caption">
                                            <h3>电商培训入门之如何使用平台</h3>
                                            <span class="percent">60%</span>
                                            <span class="studyed"></span>
                                            <span class="study-all"></span>
                                            <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                        </div>
                                        <div class="study-btn">
                                            <a href="javascript:void(0);"><span>继续学习</span></a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="my-class none">
                            <ul class="className-list">
                                <li class="className-one">
                                    <ul>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-1.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-2.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-3.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-4.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-5.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-6.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-7.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="my-favorite">
                            <ul class="className-list">
                                <li class="className-one">
                                    <ul>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-1.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-2.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-3.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-4.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-5.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-6.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="courseName-one">
                                            <div class="course-ifo">
                                                <a href="play.html">
                                                    <div class="thumbnail"><img src="images/1-7.jpg" alt="缩略图"/></div>
                                                </a>
                                                <div class="caption">
                                                    <h3>电商培训入门之如何使用平台</h3>
                                                    <span class="percent">60%</span>
                                                    <span class="studyed"></span>
                                                    <span class="study-all"></span>
                                                    <span class="comment">评论（0）</span><span class="upvote">点赞（0）</span>
                                                </div>
                                                <div class="study-btn">
                                                    <a href="javascript:void(0);"><span>继续学习</span></a>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <p>©Copyright2004-2014 北京信立东方科技有限公司 京ICP备12039449</p>
    </div>
    <script type="text/javascript" src="js/side-list.js"></script>
</body>
</html>